<template>
  <button class="redFont" @click="message">按钮</button>
  <!-- 如果组件的内容是这样的，渲染另一个模板，透传属性会向下传递 -->
  <!-- 
      1、透传的 attribute 不会包含 <MyButton> 上声明过的 props 或是针对 emits 声明事件的 v-on 侦听函数，
      换句话说，声明过的 props 和侦听函数被 <MyButton>“消费”了。
      2、透传的 attribute 若符合声明，也可以作为 props 传入 <BaseButton>。 -->
  <!-- <BaseButton /> -->
</template>

<script>
export default {
  methods: {
    message() {
      alert("子组件事件");
    },
  },
};
</script>

<style>
.redFont {
  color: red;
}
</style>
